$(function() {
	var residenceForm = $('#residence-form'), // 新增居委会
		showOpt = $('.show-opt'), // 点击显示
		hideOpt = $('.hide-opt'), // 隐藏
		editForm = $('#edit-form'),
		delOpt = $('.del-opt'); // 删除


	hideOpt.on('click', function() {
		var url = $(this).data('url'),
			id = $(this).data('id');
		$.confirm('点击隐藏，APP端用户表单提交时对应居委会选项隐藏，且该居委会新闻以及活动皆隐藏', function() {
			$.post(url + id,  function(json) {
				json = JSON.parse(json);
				$.alert(json.msg, function() {
					if (json.code == 1) {
						location.reload();
					}
				});
			});
		});
	});

	delOpt.on('click', function() {
		var url = $(this).data('url'),
			id = $(this).data('id');
		var person_num = $(this).data('num');
		var user_num = $(this).data('user');
		if (person_num == 0 && user_num == 0) {
			$.confirm('确定删除？', function() {
				$.post(url + id,  function(json) {
					json = JSON.parse(json);
					$.alert(json.msg, function() {
						if (json.code == 1) {
							location.reload();
						}
					});
				});
			});
		}else{
			// $.confirm('已有用户或管理员账号绑定该居委会，若需更改名称请点击编辑', function() {
			// 	$.post(url + id,  function(json) {
			// 		json = JSON.parse(json);
			// 		$.alert(json.msg, function() {
			// 			if (json.code == 1) {
			// 				location.reload();
			// 			}
			// 		});
			// 	});
			// });
			$.alert('已有用户或管理员账号绑定该居委会，若需更改名称请点击编辑');
			return false;
		}
		
	});


	showOpt.on('click', function() {
		var url = $(this).data('url'); 

		$.post(url,  function(json) {
			json = JSON.parse(json);
			$.alert(json.msg, function() {
				if (json.code == 1) {
					location.reload();
				}
			});
		}); 
	});



	$('.edit-opt').on('click', function() {
		var id = $(this).data('id'),
			tr = $(this).parents('tr'), 
			nbh_name = tr.find('.nbh-name').text(); // 居委会
			// alert(nbh_name)

		$('#residence-id').val(id); 
		editForm.find('.nbh-name').val(nbh_name); 

	});


	// 新增居委会
	residenceForm.validate();
	residenceForm.on('submit', function() {
		try {
			if (residenceForm.valid()) {
				residenceForm.submitForm(function(json){
					console.log(json)
					  if (json.code == 0) {
			            createErrorLabel.call($('#first-item'),json.msg);
			            return false;
			          }else{
			            $('#first-item').siblings('.error').hide();
			            $.alert('新增居委会成功！');
			            setTimeout(function(){window.location.reload()},500);
			          }
				}, function(json){
					if (json.code == 0) {
			            createErrorLabel.call($('#first-item'),json.msg);
			            return false;
			          }else{
			            $('#first-item').siblings('.error').hide();
			            $.alert('新增居委会成功！');
			            setTimeout(function(){window.location.reload()},500);
			          }
				});
			}
		} catch(e) {
			console.error(e);
		}
		return false;
	});

	function createErrorLabel(msg){
	    var ele = $(this).siblings('.error'),
	      name = $(this).attr('name');

	    if (ele.length > 0) {
	      ele.text(msg).show();
	      return;
	    }
	    $(this).after('<label id="'+name+'-error" class="error" for="'+name+'">'+msg+'</label>');
	}

	editForm.validate ();
	editForm.on('submit', function() {
		try {
			if (editForm.valid()) {
				editForm.submitForm(function(json){
					console.log(json)
					  if (json.code == 0) {
			            createErrorLabel.call($('#second-item'),json.msg);
			            return false;
			          }else{
			            $('#second-item').siblings('.error').hide();
			            $.alert('编辑居委会成功！');
			            setTimeout(function(){window.location.reload()},500);
			          }
				}, function(json){
					if (json.code == 0) {
			            createErrorLabel.call($('#second-item'),json.msg);
			            return false;
			          }else{
			            $('#second-item').siblings('.error').hide();
			            $.alert('编辑居委会成功！');
			            setTimeout(function(){window.location.reload()},500);
			          }
				});
			}
		} catch(e) {
			console.error(e);
		}
		return false;
	}); 
});